<div class="Fimg">
    <div class="head">
        <div class="btn_head">
            <div class="fanhui" (click)="lppServ.returnToPreviousPage()"><span class="iconfont icon-fanhui"></span>&ensp;返回</div>
        </div>
        <div class="logo_tital">LOGO | 文生图</div>
        <div class="user_img"><span class="iconfont icon-touxiang user_touxiang"></span></div>
    </div>
    <div class="cont">
        <div class="demand">
            <div class="Section_1">
                <div class="cont_nav">
                    <!-- <div class="btn_1">推荐创作</div>
                    <div class="btn_2">高级设定</div> -->
                    <div class="radio-input">
                        <label (click)="move(false)">
                        <input value="value-1" name="value-radio" id="value-1" type="radio" checked="">
                        <span class="text__">推荐创作</span>
                        </label>
                        <label (click)="move(true)">
                          <input value="value-2" name="value-radio" id="value-2" type="radio">
                        <span class="text__">高级设定</span>
                        </label>
                        <span class="selection"></span>
                    </div>
                </div>
                
                <div class="cont_1">
                    <p>创意描述</p>
                    <div class="text_ipt">
                        <!-- <input  type="text" value="请输入你的信息"> -->
                        <textarea id="textarea" rows="15" cols="800" [value]="textareaString" placeholder="请输入你的信息"></textarea>
                        <div class="text_1">
                            <div class="text_2" ><p>智能补全</p></div>
                            
                        </div>
                    </div>                    
                </div>
                <div class="cont_2" *ngIf="c">
                    <p>不希望呈现的内容</p>
                    <div class="text_nothink">
                        <textarea rows="80" cols="800" placeholder="请输入你的信息" ></textarea>

                    </div>
                </div>


            </div>

            <div class="cont_cont">
                
                <div class="Section_2">
                    <p>模型</p>
                    <div class="model" (click)="lppServ.clickDiv1=true">
                        <div class="model_img">
                            <img src="" alt="">
                        </div>
                        <div class="model_miaoshu">
                            <p class="P1">音画视觉</p>
                            <p class="P2">动画电影风格</p>
                        </div>

                    </div>
                </div>
                <div class="Section_2-5" *ngIf="c">
                    <p>风格模型</p>
                    <div class="Section_2-5_btn" (click)="lppServ.clickDiv=true">添加风格模型</div>
                </div>
                <div class="Section_3" id="id002" >
                    <div class="Section_3_tatle" (click)="this.open()">
                        <p>参数设定</p><span class="iconfont icon-fanhui Section_3_open"></span>
                    </div>
                    <div  style="margin: 15px 0px;">
                        <p>画面尺寸</p>
                        <div  class="Fi_chooseli">
                            <select class="chooseli" id="chooseli1">
                                <!-- <option *ngFor="let option of options1" [value]="option.value">{{ option.label }}</option> -->
                            </select>
                            <select class="chooseli" id="chooseli2">
                                <option> {{this.lppServ.options2[this.lppServ.thIndex][0]}}</option>
                                <!-- <option *ngFor="let option of options let i = index" [value]="option[i].value">{{ option[i].label }}</option> -->
                            </select>
                        </div>
                    </div>

                    <div class="Section_3_cont" *ngIf="c" >
                        <p>创意相关性</p> 
                        <nz-input-number
                        class="numberinput"
                        [nzMin]="1"
                        [nzStep]="0.5"
                        [nzMax]="10"
                        [ngStyle]="{ marginLeft: '10px' }"
                        [(ngModel)]="value4"
                        ></nz-input-number>
                        <div style="padding: 10px 10px 10px 5px;">
                            <nz-slider [nzMin]="1" [nzMax]="20" [nzStep]="0.5" [(ngModel)]="value4" [nzMarks]="nzMarks" nzTooltipVisible="never"></nz-slider>
                        </div>
                    </div>
                    <div class="Section_3_cont1">
                        <p>生成张数</p>
                        <nz-input-number
                        class="img_quantity"
                        [nzMin]="1"
                        [nzMax]="4"
                        [ngStyle]="{ marginLeft: '10px' }"
                        [(ngModel)]="value1"
                        ></nz-input-number>
                        <div style="padding: 10px 10px 10px 5px;">
                            <nz-slider [nzMin]="1" [nzMax]="4" [nzStep]="1" [(ngModel)]="value1" [nzMarks]="nzMarks1" nzTooltipVisible="never" style="width: 100%;" ></nz-slider>

                        </div>
                    </div>
                    <div class="Section_3_cont2" *ngIf="c">

                        <div>
                            <p>采样器</p>
                            <div style="padding: 10px 10px 10px 5px;">
                                <select class="chooseli" id="chooseli3" [(ngModel)]="selectedOption" (ngModelChange)="onOptionChange($event)" >
                                    <option *ngFor="let option of options_cyq" [value]="option.value">{{ option.label }}</option>
                                </select>

                            </div>
                        </div>
                        <div style="position: relative;">
                            <p>采样步骤</p>
                            <nz-input-number
                            class="numberinput"
                            [nzMin]="1"
                            [nzMax]="30"
                            [ngStyle]="{ marginLeft: '10px' }"
                            [(ngModel)]="value2"
                            ></nz-input-number>
                            <div style="padding: 10px 10px 10px 5px;">
                                <nz-slider [nzMin]="1" [nzMax]="30" [nzStep]="1" [(ngModel)]="value2"  nzTooltipVisible="never"></nz-slider>
                            </div>
                        </div>
                        <div>
                            <div class="seed_btn">
                                <p id="P1_seed">Seed</p>
                                <div class="dui" id="dui">
                                    <span class="iconfont icon-dui " (click)=" clicksuiji()"></span>
                                </div>
                                <p id="P2_suiji">随机</p>
                            </div>
                            <div style="padding: 10px 10px 10px 5px;">
                                <input type="text">
                            </div>
                        </div>
                        <div class="panel_1" *ngIf="suiji" style="position: relative;">
                            <p>生成批次</p>
                            <nz-input-number
                            class="numberinput"
                            [nzMin]="1"
                            [nzMax]="4"
                            [ngStyle]="{ marginLeft: '10px' }"
                            [(ngModel)]="value3"
                            ></nz-input-number>
                            <div style="padding: 10px 10px 10px 5px;">
                                <nz-slider [nzMin]="1" [nzMax]="4" [nzStep]="1" [(ngModel)]="value3" [nzMarks]="nzMarks1" nzTooltipVisible="never"></nz-slider>
                                
                            </div>
                        </div>
                        <div style="position: relative; height: 30px; margin: 10px 0px;"  >
                            <p style="position: absolute; left: 10px;">面部修复</p><nz-switch [(ngModel)]="switchValue" style="position: absolute;right: 10px;"></nz-switch>
                        </div>
                        <div style="position: relative; height: 30px;">
                            <p style="position: absolute; left: 10px;">高清修复</p><nz-switch [(ngModel)]="switchValue1" style="position: absolute;right: 10px;"></nz-switch>
                        </div>
                    

                    </div>
                </div>
            </div>
            <button class="up" (click)="getString()">立即生成</button>
            <div style="height: 50px;"></div>
        </div>
        <div class="show">
            <div class="show_1">
                <div class="my_picture" *ngFor="let item of gets_tring" [ngClass]="{'my_picture1': gets_tring.length != 0}">
                    <p>创意相关性:{{item.V4}}</p>
                    <p>生成张数:{{item.V1}}</p>
                    <p>采样步骤:{{item.V2}}</p>
                    <p>生成批次:{{item.V3}}</p>
                    <p>面部修复:{{item.B1}}</p>
                    <p>高清修复:{{item.B2}}</p>
                </div>
                <div class="show_img"        [ngClass]="{'show_img1': gets_tring.length == 0}"    >
                    <nz-empty class="empty"></nz-empty>
                </div>
            </div>
        </div>

    </div>    
</div>
<app-style-model></app-style-model>
<app-model-lpp></app-model-lpp>
